<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:f="http://java.sun.com/jsf/core">
    <ui:composition template="/resources/templates/template.xhtml">
        <ui:define name="content">
            <p:layout style="min-height: 100%; max-height: 100%;padding-right: 10px;padding-left: 10px">
                <p:layoutUnit position="center" >
                    <br/>
                    <br/>
                    <br/>

                    <div align="center" > 
                        <h:form>                                                          
                            <p:panel header="Login" rendered="#{!utilLogin.connected}" style="min-width: 30%;max-width: 30%">                          
                                <p:messages showDetail="true" autoUpdate="true" showSummary="false"/>
                                <h:panelGrid columns="2"  >
                                    <h:outputLabel id="login" value="Login"  /> 
                                    <p:inputText for="login" value="#{utilLogin.login}" required="true" requiredMessage="Login required"/>
                                    <h:outputLabel id="pass" value="Password" /> 
                                    <p:password for="pass" value="#{utilLogin.password}" required="true" requiredMessage="Password required"/>
                                    <p:commandButton action="#{utilLogin.connect()}" value="login" />
                                </h:panelGrid>
                            </p:panel>
                            
                        </h:form>
                    </div>
                </p:layoutUnit>
            </p:layout>
        </ui:define>        
    </ui:composition>
</html>
